import React from "react";
import {
  StepBackwardOutlined,
  StepForwardOutlined,
  FastBackwardOutlined,
  FastForwardOutlined,
  ShrinkOutlined,
  ArrowsAltOutlined,
  DownOutlined,
  UpOutlined,
  LeftOutlined,
  RightOutlined,
  CaretUpOutlined,
  CaretDownOutlined,
  CaretLeftOutlined,
  CaretRightOutlined,
  UpCircleOutlined,
  DownCircleOutlined,
  LeftCircleOutlined,
  RightCircleOutlined,
  DoubleRightOutlined,
  DoubleLeftOutlined,
  VerticalLeftOutlined,
  VerticalRightOutlined,
  VerticalAlignTopOutlined,
  VerticalAlignMiddleOutlined,
  VerticalAlignBottomOutlined,
  QuestionOutlined,
  QuestionCircleOutlined,
  PlusOutlined,
  PlusCircleOutlined,
  PauseOutlined,
  PauseCircleOutlined,
  MinusOutlined,
  MinusCircleOutlined,
  PlusSquareOutlined,
  MinusSquareOutlined,
  InfoOutlined,
  InfoCircleOutlined,
  ExclamationOutlined,
  ExclamationCircleOutlined,
  EditOutlined,
  FormOutlined,
  CopyOutlined,
  ScissorOutlined,
  DeleteOutlined,
  SnippetsOutlined,
  DiffOutlined,
  HighlightOutlined,
  AlignCenterOutlined,
  AlignLeftOutlined,
  AlignRightOutlined,
  BgColorsOutlined,
  BoldOutlined,
  AreaChartOutlined,
  PieChartOutlined,
  BarChartOutlined,
  DotChartOutlined,
  LineChartOutlined,
  RadarChartOutlined,
  HeatMapOutlined,
  FallOutlined,
  RiseOutlined,
  StockOutlined,
  BoxPlotOutlined,
  FundOutlined,
  SlidersOutlined,
  AndroidOutlined,
  AppleOutlined,
  WindowsOutlined,
  IeOutlined,
  ChromeOutlined,
  GithubOutlined,
  AliwangwangOutlined,
  DingdingOutlined,
  WeiboSquareOutlined,
  WeiboCircleOutlined,
  TaobaoCircleOutlined,
  Html5Outlined,
  WeiboOutlined,
  TwitterOutlined,
  WechatOutlined,
  YoutubeOutlined,
  AlipayCircleOutlined,
  TaobaoOutlined,
  SkypeOutlined,
  QqOutlined,
  MediumWorkmarkOutlined,
  GitlabOutlined,
  MediumOutlined,
  AccountBookOutlined,
  AimOutlined,
  AlertOutlined,
  ApartmentOutlined,
  ApiOutlined,
  AppstoreAddOutlined,
  AppstoreOutlined,
  AudioOutlined,
  AudioMutedOutlined,
  AuditOutlined,
  BankOutlined,
  BarcodeOutlined,
  BarsOutlined,
  BellOutlined,
  BlockOutlined,
  BookOutlined,
  BorderOutlined,
  BorderlessTableOutlined,
  StepBackwardFilled,
  StepForwardFilled,
  FastBackwardFilled,
  FastForwardFilled,
  CaretUpFilled,
  CaretDownFilled,
  CaretLeftFilled,
  CaretRightFilled,
  UpCircleFilled,
  DownCircleFilled,
  LeftCircleFilled,
  RightCircleFilled,
  ForwardFilled,
  BackwardFilled,
  PlayCircleFilled,
  UpSquareFilled,
  DownSquareFilled,
  LeftSquareFilled,
  RightSquareFilled,
  QuestionCircleFilled,
  PlusCircleFilled,
  PauseCircleFilled,
  MinusCircleFilled,
  PlusSquareFilled,
  MinusSquareFilled,
  InfoCircleFilled,
  ExclamationCircleFilled,
  CloseCircleFilled,
  CloseSquareFilled,
  CheckCircleFilled,
  CheckSquareFilled,
  ClockCircleFilled,
  WarningFilled,
  StopFilled,
  EditFilled,
  CopyFilled,
  DeleteFilled,
  SnippetsFilled,
  DiffFilled,
  HighlightFilled,
  PieChartFilled,
  BoxPlotFilled,
  FundFilled,
  SlidersFilled,
  AndroidFilled,
  AppleFilled,
  WindowsFilled,
  ChromeFilled,
  GithubFilled,
  AliwangwangFilled,
  WeiboSquareFilled,
  WeiboCircleFilled,
  TaobaoCircleFilled,
  Html5Filled,
  WechatFilled,
  YoutubeFilled,
  AlipayCircleFilled,
  SkypeFilled,
  GitlabFilled,
  LinkedinFilled,
  FacebookFilled,
  CodeSandboxCircleFilled,
  CodepenCircleFilled,
  AccountBookFilled,
  AlertFilled,
  AlipaySquareFilled,
  AmazonCircleFilled,
  AmazonSquareFilled,
  ApiFilled,
  AppstoreFilled,
  AudioFilled,
  BankFilled,
  BehanceCircleFilled,
  BellFilled,
  BookFilled,
  BugFilled,
  BuildFilled,
  BulbFilled,
  CalculatorFilled,
  UpCircleTwoTone,
  DownCircleTwoTone,
  LeftCircleTwoTone,
  RightCircleTwoTone,
  PlayCircleTwoTone,
  UpSquareTwoTone,
  DownSquareTwoTone,
  LeftSquareTwoTone,
  RightSquareTwoTone,
  QuestionCircleTwoTone,
  PlusCircleTwoTone,
  PauseCircleTwoTone,
  MinusCircleTwoTone,
  PlusSquareTwoTone,
  MinusSquareTwoTone,
  InfoCircleTwoTone,
  ExclamationCircleTwoTone,
  CloseCircleTwoTone,
  CloseSquareTwoTone,
  CheckCircleTwoTone,
  CheckSquareTwoTone,
  ClockCircleTwoTone,
  WarningTwoTone,
  StopTwoTone,
  EditTwoTone,
  CopyTwoTone,
  DeleteTwoTone,
  SnippetsTwoTone,
  DiffTwoTone,
  HighlightTwoTone,
  PieChartTwoTone,
  BoxPlotTwoTone,
  FundTwoTone,
  SlidersTwoTone,
  Html5TwoTone,
  AccountBookTwoTone,
  AlertTwoTone,
  ApiTwoTone,
  AppstoreTwoTone,
  AudioTwoTone,
  BankTwoTone,
  BellTwoTone,
  BookTwoTone,
  BugTwoTone,
  BuildTwoTone,
  BulbTwoTone,
  CalculatorTwoTone,
  CalendarTwoTone,
  CameraTwoTone,
  CarTwoTone,
  CarryOutTwoTone,
  CiCircleTwoTone,
  CiTwoTone,
  CloudTwoTone,
  CodeTwoTone,
  CompassTwoTone,
  ContactsTwoTone,
  ContainerTwoTone,
  ControlTwoTone,
  CopyrightCircleTwoTone,
  CopyrightTwoTone,
  CreditCardTwoTone,
  CrownTwoTone,
} from "@ant-design/icons";
// 通过爬虫自己获取antd-design网页 这些内容
export const iconlist = [
  {
    title: "线框风格",
    kinds: [
      {
        title: "方向性图标",
        icons: [
          { text: "StepBackwardOutlined", com: <StepBackwardOutlined style={{fontSize:'50px'}}/> },
          { text: "StepForwardOutlined", com: <StepForwardOutlined style={{fontSize:'50px'}}/> },
          { text: "FastBackwardOutlined", com: <FastBackwardOutlined style={{fontSize:'50px'}}/> },
          { text: "FastForwardOutlined", com: <FastForwardOutlined style={{fontSize:'50px'}}/> },
          { text: "ShrinkOutlined", com: <ShrinkOutlined style={{fontSize:'50px'}}/> },
          { text: "ArrowsAltOutlined", com: <ArrowsAltOutlined style={{fontSize:'50px'}}/> },
          { text: "DownOutlined", com: <DownOutlined style={{fontSize:'50px'}}/> },
          { text: "UpOutlined", com: <UpOutlined style={{fontSize:'50px'}}/> },
          { text: "LeftOutlined", com: <LeftOutlined style={{fontSize:'50px'}}/> },
          { text: "RightOutlined", com: <RightOutlined style={{fontSize:'50px'}}/> },
          { text: "CaretUpOutlined", com: <CaretUpOutlined style={{fontSize:'50px'}}/> },
          { text: "CaretDownOutlined", com: <CaretDownOutlined style={{fontSize:'50px'}}/> },
          { text: "CaretLeftOutlined", com: <CaretLeftOutlined style={{fontSize:'50px'}}/> },
          { text: "CaretRightOutlined", com: <CaretRightOutlined style={{fontSize:'50px'}}/> },
          { text: "UpCircleOutlined", com: <UpCircleOutlined style={{fontSize:'50px'}}/> },
          { text: "DownCircleOutlined", com: <DownCircleOutlined style={{fontSize:'50px'}}/> },
          { text: "LeftCircleOutlined", com: <LeftCircleOutlined style={{fontSize:'50px'}}/> },
          { text: "RightCircleOutlined", com: <RightCircleOutlined style={{fontSize:'50px'}}/> },
          { text: "DoubleRightOutlined", com: <DoubleRightOutlined style={{fontSize:'50px'}}/> },
          { text: "DoubleLeftOutlined", com: <DoubleLeftOutlined style={{fontSize:'50px'}}/> },
          { text: "VerticalLeftOutlined", com: <VerticalLeftOutlined style={{fontSize:'50px'}}/> },
          { text: "VerticalRightOutlined", com: <VerticalRightOutlined style={{fontSize:'50px'}}/> },
          { text: "VerticalAlignTopOutlined", com: <VerticalAlignTopOutlined style={{fontSize:'50px'}}/> },
          { text: "VerticalAlignMiddleOutlined", com: <VerticalAlignMiddleOutlined style={{fontSize:'50px'}}/> },
          { text: "VerticalAlignBottomOutlined", com: <VerticalAlignBottomOutlined style={{fontSize:'50px'}}/> },
        ],
      },
      {
        title: "提示建议性图标",
        icons: [
          { text: "QuestionOutlined", com: <QuestionOutlined style={{fontSize:'50px'}}/> },
          { text: "QuestionCircleOutlined", com: <QuestionCircleOutlined style={{fontSize:'50px'}}/> },
          { text: "PlusOutlined", com: <PlusOutlined style={{fontSize:'50px'}}/> },
          { text: "PlusCircleOutlined", com: <PlusCircleOutlined style={{fontSize:'50px'}}/> },
          { text: "PauseOutlined", com: <PauseOutlined style={{fontSize:'50px'}}/> },
          { text: "PauseCircleOutlined", com: <PauseCircleOutlined style={{fontSize:'50px'}}/> },
          { text: "MinusOutlined", com: <MinusOutlined style={{fontSize:'50px'}}/> },
          { text: "MinusCircleOutlined", com: <MinusCircleOutlined style={{fontSize:'50px'}}/> },
          { text: "PlusSquareOutlined", com: <PlusSquareOutlined style={{fontSize:'50px'}}/> },
          { text: "MinusSquareOutlined", com: <MinusSquareOutlined style={{fontSize:'50px'}}/> },
          { text: "InfoOutlined", com: <InfoOutlined style={{fontSize:'50px'}}/> },
          { text: "InfoCircleOutlined", com: <InfoCircleOutlined style={{fontSize:'50px'}}/> },
          { text: "ExclamationOutlined", com: <ExclamationOutlined style={{fontSize:'50px'}}/> },
          { text: "ExclamationCircleOutlined", com: <ExclamationCircleOutlined style={{fontSize:'50px'}}/> },
        ],
      },
      {
        title: "编辑类图标",
        icons: [
          { text: "EditOutlined", com: <EditOutlined style={{fontSize:'50px'}}/> },
          { text: "FormOutlined", com: <FormOutlined style={{fontSize:'50px'}}/> },
          { text: "CopyOutlined", com: <CopyOutlined style={{fontSize:'50px'}}/> },
          { text: "ScissorOutlined", com: <ScissorOutlined style={{fontSize:'50px'}}/> },
          { text: "DeleteOutlined", com: <DeleteOutlined style={{fontSize:'50px'}}/> },
          { text: "SnippetsOutlined", com: <SnippetsOutlined style={{fontSize:'50px'}}/> },
          { text: "DiffOutlined", com: <DiffOutlined style={{fontSize:'50px'}}/> },
          { text: "HighlightOutlined", com: <HighlightOutlined style={{fontSize:'50px'}}/> },
          { text: "AlignCenterOutlined", com: <AlignCenterOutlined style={{fontSize:'50px'}}/> },
          { text: "AlignLeftOutlined", com: <AlignLeftOutlined style={{fontSize:'50px'}}/> },
          { text: "AlignRightOutlined", com: <AlignRightOutlined style={{fontSize:'50px'}}/> },
          { text: "BgColorsOutlined", com: <BgColorsOutlined style={{fontSize:'50px'}}/> },
          { text: "BoldOutlined", com: <BoldOutlined style={{fontSize:'50px'}}/> },
        ],
      },
      {
        title: "数据类图标",
        icons: [
          { text: "AreaChartOutlined", com: <AreaChartOutlined style={{fontSize:'50px'}}/> },
          { text: "PieChartOutlined", com: <PieChartOutlined style={{fontSize:'50px'}}/> },
          { text: "BarChartOutlined", com: <BarChartOutlined style={{fontSize:'50px'}}/> },
          { text: "DotChartOutlined", com: <DotChartOutlined style={{fontSize:'50px'}}/> },
          { text: "LineChartOutlined", com: <LineChartOutlined style={{fontSize:'50px'}}/> },
          { text: "RadarChartOutlined", com: <RadarChartOutlined style={{fontSize:'50px'}}/> },
          { text: "HeatMapOutlined", com: <HeatMapOutlined style={{fontSize:'50px'}}/> },
          { text: "FallOutlined", com: <FallOutlined style={{fontSize:'50px'}}/> },
          { text: "RiseOutlined", com: <RiseOutlined style={{fontSize:'50px'}}/> },
          { text: "StockOutlined", com: <StockOutlined style={{fontSize:'50px'}}/> },
          { text: "BoxPlotOutlined", com: <BoxPlotOutlined style={{fontSize:'50px'}}/> },
          { text: "FundOutlined", com: <FundOutlined style={{fontSize:'50px'}}/> },
          { text: "SlidersOutlined", com: <SlidersOutlined style={{fontSize:'50px'}}/> },
        ],
      },
      {
        title: "品牌和标识",
        icons: [
          { text: "AndroidOutlined", com: <AndroidOutlined style={{fontSize:'50px'}}/> },
          { text: "AppleOutlined", com: <AppleOutlined style={{fontSize:'50px'}}/> },
          { text: "WindowsOutlined", com: <WindowsOutlined style={{fontSize:'50px'}}/> },
          { text: "IeOutlined", com: <IeOutlined style={{fontSize:'50px'}}/> },
          { text: "ChromeOutlined", com: <ChromeOutlined style={{fontSize:'50px'}}/> },
          { text: "GithubOutlined", com: <GithubOutlined style={{fontSize:'50px'}}/> },
          { text: "AliwangwangOutlined", com: <AliwangwangOutlined style={{fontSize:'50px'}}/> },
          { text: "DingdingOutlined", com: <DingdingOutlined style={{fontSize:'50px'}}/> },
          { text: "WeiboSquareOutlined", com: <WeiboSquareOutlined style={{fontSize:'50px'}}/> },
          { text: "WeiboCircleOutlined", com: <WeiboCircleOutlined style={{fontSize:'50px'}}/> },
          { text: "TaobaoCircleOutlined", com: <TaobaoCircleOutlined style={{fontSize:'50px'}}/> },
          { text: "Html5Outlined", com: <Html5Outlined style={{fontSize:'50px'}}/> },
          { text: "WeiboOutlined", com: <WeiboOutlined style={{fontSize:'50px'}}/> },
          { text: "TwitterOutlined", com: <TwitterOutlined style={{fontSize:'50px'}}/> },
          { text: "WechatOutlined", com: <WechatOutlined style={{fontSize:'50px'}}/> },
          { text: "YoutubeOutlined", com: <YoutubeOutlined style={{fontSize:'50px'}}/> },
          { text: "AlipayCircleOutlined", com: <AlipayCircleOutlined style={{fontSize:'50px'}}/> },
          { text: "TaobaoOutlined", com: <TaobaoOutlined style={{fontSize:'50px'}}/> },
          { text: "SkypeOutlined", com: <SkypeOutlined style={{fontSize:'50px'}}/> },
          { text: "QqOutlined", com: <QqOutlined style={{fontSize:'50px'}}/> },
          { text: "MediumWorkmarkOutlined", com: <MediumWorkmarkOutlined style={{fontSize:'50px'}}/> },
          { text: "GitlabOutlined", com: <GitlabOutlined style={{fontSize:'50px'}}/> },
          { text: "MediumOutlined", com: <MediumOutlined style={{fontSize:'50px'}}/> },
        ],
      },
      {
        title: "网站通用图标",
        icons: [
          { text: "AccountBookOutlined", com: <AccountBookOutlined style={{fontSize:'50px'}}/> },
          { text: "AimOutlined", com: <AimOutlined style={{fontSize:'50px'}}/> },
          { text: "AlertOutlined", com: <AlertOutlined style={{fontSize:'50px'}}/> },
          { text: "ApartmentOutlined", com: <ApartmentOutlined style={{fontSize:'50px'}}/> },
          { text: "ApiOutlined", com: <ApiOutlined style={{fontSize:'50px'}}/> },
          { text: "AppstoreAddOutlined", com: <AppstoreAddOutlined style={{fontSize:'50px'}}/> },
          { text: "AppstoreOutlined", com: <AppstoreOutlined style={{fontSize:'50px'}}/> },
          { text: "AudioOutlined", com: <AudioOutlined style={{fontSize:'50px'}}/> },
          { text: "AudioMutedOutlined", com: <AudioMutedOutlined style={{fontSize:'50px'}}/> },
          { text: "AuditOutlined", com: <AuditOutlined style={{fontSize:'50px'}}/> },
          { text: "BankOutlined", com: <BankOutlined style={{fontSize:'50px'}}/> },
          { text: "BarcodeOutlined", com: <BarcodeOutlined style={{fontSize:'50px'}}/> },
          { text: "BarsOutlined", com: <BarsOutlined style={{fontSize:'50px'}}/> },
          { text: "BellOutlined", com: <BellOutlined style={{fontSize:'50px'}}/> },
          { text: "BlockOutlined", com: <BlockOutlined style={{fontSize:'50px'}}/> },
          { text: "BookOutlined", com: <BookOutlined style={{fontSize:'50px'}}/> },
          { text: "BorderOutlined", com: <BorderOutlined style={{fontSize:'50px'}}/> },
          { text: "BorderlessTableOutlined", com: <BorderlessTableOutlined style={{fontSize:'50px'}}/> },
        ],
      },
    ],
  },
  {
    title: "实底风格",
    kinds: [
      {
        title: "方向性图标",
        icons: [
          { text: "StepBackwardFilled", com: <StepBackwardFilled style={{fontSize:'50px'}}/> },
          { text: "StepForwardFilled", com: <StepForwardFilled style={{fontSize:'50px'}}/> },
          { text: "FastBackwardFilled", com: <FastBackwardFilled style={{fontSize:'50px'}}/> },
          { text: "FastForwardFilled", com: <FastForwardFilled style={{fontSize:'50px'}}/> },
          { text: "CaretUpFilled", com: <CaretUpFilled style={{fontSize:'50px'}}/> },
          { text: "CaretDownFilled", com: <CaretDownFilled style={{fontSize:'50px'}}/> },
          { text: "CaretLeftFilled", com: <CaretLeftFilled style={{fontSize:'50px'}}/> },
          { text: "CaretRightFilled", com: <CaretRightFilled style={{fontSize:'50px'}}/> },
          { text: "UpCircleFilled", com: <UpCircleFilled style={{fontSize:'50px'}}/> },
          { text: "DownCircleFilled", com: <DownCircleFilled style={{fontSize:'50px'}}/> },
          { text: "LeftCircleFilled", com: <LeftCircleFilled style={{fontSize:'50px'}}/> },
          { text: "RightCircleFilled", com: <RightCircleFilled style={{fontSize:'50px'}}/> },
          { text: "ForwardFilled", com: <ForwardFilled style={{fontSize:'50px'}}/> },
          { text: "BackwardFilled", com: <BackwardFilled style={{fontSize:'50px'}}/> },
          { text: "PlayCircleFilled", com: <PlayCircleFilled style={{fontSize:'50px'}}/> },
          { text: "UpSquareFilled", com: <UpSquareFilled style={{fontSize:'50px'}}/> },
          { text: "DownSquareFilled", com: <DownSquareFilled style={{fontSize:'50px'}}/> },
          { text: "LeftSquareFilled", com: <LeftSquareFilled style={{fontSize:'50px'}}/> },
          { text: "RightSquareFilled", com: <RightSquareFilled style={{fontSize:'50px'}}/> },
        ],
      },
      {
        title: "提示建议性图标",
        icons: [
          { text: "QuestionCircleFilled", com: <QuestionCircleFilled style={{fontSize:'50px'}}/> },
          { text: "PlusCircleFilled", com: <PlusCircleFilled style={{fontSize:'50px'}}/> },
          { text: "PauseCircleFilled", com: <PauseCircleFilled style={{fontSize:'50px'}}/> },
          { text: "MinusCircleFilled", com: <MinusCircleFilled style={{fontSize:'50px'}}/> },
          { text: "PlusSquareFilled", com: <PlusSquareFilled style={{fontSize:'50px'}}/> },
          { text: "MinusSquareFilled", com: <MinusSquareFilled style={{fontSize:'50px'}}/> },
          { text: "InfoCircleFilled", com: <InfoCircleFilled style={{fontSize:'50px'}}/> },
          { text: "ExclamationCircleFilled", com: <ExclamationCircleFilled style={{fontSize:'50px'}}/> },
          { text: "CloseCircleFilled", com: <CloseCircleFilled style={{fontSize:'50px'}}/> },
          { text: "CloseSquareFilled", com: <CloseSquareFilled style={{fontSize:'50px'}}/> },
          { text: "CheckCircleFilled", com: <CheckCircleFilled style={{fontSize:'50px'}}/> },
          { text: "CheckSquareFilled", com: <CheckSquareFilled style={{fontSize:'50px'}}/> },
          { text: "ClockCircleFilled", com: <ClockCircleFilled style={{fontSize:'50px'}}/> },
          { text: "WarningFilled", com: <WarningFilled style={{fontSize:'50px'}}/> },
          { text: "StopFilled", com: <StopFilled style={{fontSize:'50px'}}/> },
        ],
      },
      {
        title: "编辑类图标",
        icons: [
          { text: "EditFilled", com: <EditFilled style={{fontSize:'50px'}}/> },
          { text: "CopyFilled", com: <CopyFilled style={{fontSize:'50px'}}/> },
          { text: "DeleteFilled", com: <DeleteFilled style={{fontSize:'50px'}}/> },
          { text: "SnippetsFilled", com: <SnippetsFilled style={{fontSize:'50px'}}/> },
          { text: "DiffFilled", com: <DiffFilled style={{fontSize:'50px'}}/> },
          { text: "HighlightFilled", com: <HighlightFilled style={{fontSize:'50px'}}/> },
        ],
      },
      {
        title: "数据类图标",
        icons: [
          { text: "PieChartFilled", com: <PieChartFilled style={{fontSize:'50px'}}/> },
          { text: "BoxPlotFilled", com: <BoxPlotFilled style={{fontSize:'50px'}}/> },
          { text: "FundFilled", com: <FundFilled style={{fontSize:'50px'}}/> },
          { text: "SlidersFilled", com: <SlidersFilled style={{fontSize:'50px'}}/> },
        ],
      },
      {
        title: "品牌和标识",
        icons: [
          { text: "AndroidFilled", com: <AndroidFilled style={{fontSize:'50px'}}/> },
          { text: "AppleFilled", com: <AppleFilled style={{fontSize:'50px'}}/> },
          { text: "WindowsFilled", com: <WindowsFilled style={{fontSize:'50px'}}/> },
          { text: "ChromeFilled", com: <ChromeFilled style={{fontSize:'50px'}}/> },
          { text: "GithubFilled", com: <GithubFilled style={{fontSize:'50px'}}/> },
          { text: "AliwangwangFilled", com: <AliwangwangFilled style={{fontSize:'50px'}}/> },
          { text: "WeiboSquareFilled", com: <WeiboSquareFilled style={{fontSize:'50px'}}/> },
          { text: "WeiboCircleFilled", com: <WeiboCircleFilled style={{fontSize:'50px'}}/> },
          { text: "TaobaoCircleFilled", com: <TaobaoCircleFilled style={{fontSize:'50px'}}/> },
          { text: "Html5Filled", com: <Html5Filled style={{fontSize:'50px'}}/> },
          { text: "WechatFilled", com: <WechatFilled style={{fontSize:'50px'}}/> },
          { text: "YoutubeFilled", com: <YoutubeFilled style={{fontSize:'50px'}}/> },
          { text: "AlipayCircleFilled", com: <AlipayCircleFilled style={{fontSize:'50px'}}/> },
          { text: "SkypeFilled", com: <SkypeFilled style={{fontSize:'50px'}}/> },
          { text: "GitlabFilled", com: <GitlabFilled style={{fontSize:'50px'}}/> },
          { text: "LinkedinFilled", com: <LinkedinFilled style={{fontSize:'50px'}}/> },
          { text: "FacebookFilled", com: <FacebookFilled style={{fontSize:'50px'}}/> },
          { text: "CodeSandboxCircleFilled", com: <CodeSandboxCircleFilled style={{fontSize:'50px'}}/> },
          { text: "CodepenCircleFilled", com: <CodepenCircleFilled style={{fontSize:'50px'}}/> },
        ],
      },
      {
        title: "网站通用图标",
        icons: [
          { text: "AccountBookFilled", com: <AccountBookFilled style={{fontSize:'50px'}}/> },
          { text: "AlertFilled", com: <AlertFilled style={{fontSize:'50px'}}/> },
          { text: "AlipaySquareFilled", com: <AlipaySquareFilled style={{fontSize:'50px'}}/> },
          { text: "AmazonCircleFilled", com: <AmazonCircleFilled style={{fontSize:'50px'}}/> },
          { text: "AmazonSquareFilled", com: <AmazonSquareFilled style={{fontSize:'50px'}}/> },
          { text: "ApiFilled", com: <ApiFilled style={{fontSize:'50px'}}/> },
          { text: "AppstoreFilled", com: <AppstoreFilled style={{fontSize:'50px'}}/> },
          { text: "AudioFilled", com: <AudioFilled style={{fontSize:'50px'}}/> },
          { text: "BankFilled", com: <BankFilled style={{fontSize:'50px'}}/> },
          { text: "BehanceCircleFilled", com: <BehanceCircleFilled style={{fontSize:'50px'}}/> },
          { text: "BellFilled", com: <BellFilled style={{fontSize:'50px'}}/> },
          { text: "BookFilled", com: <BookFilled style={{fontSize:'50px'}}/> },
          { text: "BugFilled", com: <BugFilled style={{fontSize:'50px'}}/> },
          { text: "BuildFilled", com: <BuildFilled style={{fontSize:'50px'}}/> },
          { text: "BulbFilled", com: <BulbFilled style={{fontSize:'50px'}}/> },
          { text: "CalculatorFilled", com: <CalculatorFilled style={{fontSize:'50px'}}/> },
        ],
      },
    ],
  },
  {
    title: "双色风格",
    kinds: [
      {
        title: "方向性图标",
        icons: [
          { text: "UpCircleTwoTone", com: <UpCircleTwoTone style={{fontSize:'50px'}}/> },
          { text: "DownCircleTwoTone", com: <DownCircleTwoTone style={{fontSize:'50px'}}/> },
          { text: "LeftCircleTwoTone", com: <LeftCircleTwoTone style={{fontSize:'50px'}}/> },
          { text: "RightCircleTwoTone", com: <RightCircleTwoTone style={{fontSize:'50px'}}/> },
          { text: "PlayCircleTwoTone", com: <PlayCircleTwoTone style={{fontSize:'50px'}}/> },
          { text: "UpSquareTwoTone", com: <UpSquareTwoTone style={{fontSize:'50px'}}/> },
          { text: "DownSquareTwoTone", com: <DownSquareTwoTone style={{fontSize:'50px'}}/> },
          { text: "LeftSquareTwoTone", com: <LeftSquareTwoTone style={{fontSize:'50px'}}/> },
          { text: "RightSquareTwoTone", com: <RightSquareTwoTone style={{fontSize:'50px'}}/> },
        ],
      },
      {
        title: "提示建议性图标",
        icons: [
          { text: "QuestionCircleTwoTone", com: <QuestionCircleTwoTone style={{fontSize:'50px'}}/> },
          { text: "PlusCircleTwoTone", com: <PlusCircleTwoTone style={{fontSize:'50px'}}/> },
          { text: "PauseCircleTwoTone", com: <PauseCircleTwoTone style={{fontSize:'50px'}}/> },
          { text: "MinusCircleTwoTone", com: <MinusCircleTwoTone style={{fontSize:'50px'}}/> },
          { text: "PlusSquareTwoTone", com: <PlusSquareTwoTone style={{fontSize:'50px'}}/> },
          { text: "MinusSquareTwoTone", com: <MinusSquareTwoTone style={{fontSize:'50px'}}/> },
          { text: "InfoCircleTwoTone", com: <InfoCircleTwoTone style={{fontSize:'50px'}}/> },
          { text: "ExclamationCircleTwoTone", com: <ExclamationCircleTwoTone style={{fontSize:'50px'}}/> },
          { text: "CloseCircleTwoTone", com: <CloseCircleTwoTone style={{fontSize:'50px'}}/> },
          { text: "CloseSquareTwoTone", com: <CloseSquareTwoTone style={{fontSize:'50px'}}/> },
          { text: "CheckCircleTwoTone", com: <CheckCircleTwoTone style={{fontSize:'50px'}}/> },
          { text: "CheckSquareTwoTone", com: <CheckSquareTwoTone style={{fontSize:'50px'}}/> },
          { text: "ClockCircleTwoTone", com: <ClockCircleTwoTone style={{fontSize:'50px'}}/> },
          { text: "WarningTwoTone", com: <WarningTwoTone style={{fontSize:'50px'}}/> },
          { text: "StopTwoTone", com: <StopTwoTone style={{fontSize:'50px'}}/> },
        ],
      },
      {
        title: "编辑类图标",
        icons: [
          { text: "EditTwoTone", com: <EditTwoTone style={{fontSize:'50px'}}/> },
          { text: "CopyTwoTone", com: <CopyTwoTone style={{fontSize:'50px'}}/> },
          { text: "DeleteTwoTone", com: <DeleteTwoTone style={{fontSize:'50px'}}/> },
          { text: "SnippetsTwoTone", com: <SnippetsTwoTone style={{fontSize:'50px'}}/> },
          { text: "DiffTwoTone", com: <DiffTwoTone style={{fontSize:'50px'}}/> },
          { text: "HighlightTwoTone", com: <HighlightTwoTone style={{fontSize:'50px'}}/> },
        ],
      },
      {
        title: "数据类图标",
        icons: [
          { text: "PieChartTwoTone", com: <PieChartTwoTone style={{fontSize:'50px'}}/> },
          { text: "BoxPlotTwoTone", com: <BoxPlotTwoTone style={{fontSize:'50px'}}/> },
          { text: "FundTwoTone", com: <FundTwoTone style={{fontSize:'50px'}}/> },
          { text: "SlidersTwoTone", com: <SlidersTwoTone style={{fontSize:'50px'}}/> },
        ],
      },
      {
        title: "品牌和标识",
        icons: [{ text: "Html5TwoTone", com: <Html5TwoTone style={{fontSize:'50px'}}/> }],
      },
      {
        title: "网站通用图标",
        icons: [
          { text: "AccountBookTwoTone", com: <AccountBookTwoTone style={{fontSize:'50px'}}/> },
          { text: "AlertTwoTone", com: <AlertTwoTone style={{fontSize:'50px'}}/> },
          { text: "ApiTwoTone", com: <ApiTwoTone style={{fontSize:'50px'}}/> },
          { text: "AppstoreTwoTone", com: <AppstoreTwoTone style={{fontSize:'50px'}}/> },
          { text: "AudioTwoTone", com: <AudioTwoTone style={{fontSize:'50px'}}/> },
          { text: "BankTwoTone", com: <BankTwoTone style={{fontSize:'50px'}}/> },
          { text: "BellTwoTone", com: <BellTwoTone style={{fontSize:'50px'}}/> },
          { text: "BookTwoTone", com: <BookTwoTone style={{fontSize:'50px'}}/> },
          { text: "BugTwoTone", com: <BugTwoTone style={{fontSize:'50px'}}/> },
          { text: "BuildTwoTone", com: <BuildTwoTone style={{fontSize:'50px'}}/> },
          { text: "BulbTwoTone", com: <BulbTwoTone style={{fontSize:'50px'}}/> },
          { text: "CalculatorTwoTone", com: <CalculatorTwoTone style={{fontSize:'50px'}}/> },
          { text: "CalendarTwoTone", com: <CalendarTwoTone style={{fontSize:'50px'}}/> },
          { text: "CameraTwoTone", com: <CameraTwoTone style={{fontSize:'50px'}}/> },
          { text: "CarTwoTone", com: <CarTwoTone style={{fontSize:'50px'}}/> },
          { text: "CarryOutTwoTone", com: <CarryOutTwoTone style={{fontSize:'50px'}}/> },
          { text: "CiCircleTwoTone", com: <CiCircleTwoTone style={{fontSize:'50px'}}/> },
          { text: "CiTwoTone", com: <CiTwoTone style={{fontSize:'50px'}}/> },
          { text: "CloudTwoTone", com: <CloudTwoTone style={{fontSize:'50px'}}/> },
          { text: "CodeTwoTone", com: <CodeTwoTone style={{fontSize:'50px'}}/> },
          { text: "CompassTwoTone", com: <CompassTwoTone style={{fontSize:'50px'}}/> },
          { text: "ContactsTwoTone", com: <ContactsTwoTone style={{fontSize:'50px'}}/> },
          { text: "ContainerTwoTone", com: <ContainerTwoTone style={{fontSize:'50px'}}/> },
          { text: "ControlTwoTone", com: <ControlTwoTone style={{fontSize:'50px'}}/> },
          { text: "CopyrightCircleTwoTone", com: <CopyrightCircleTwoTone style={{fontSize:'50px'}}/> },
          { text: "CopyrightTwoTone", com: <CopyrightTwoTone style={{fontSize:'50px'}}/> },
          { text: "CreditCardTwoTone", com: <CreditCardTwoTone style={{fontSize:'50px'}}/> },
          { text: "CrownTwoTone", com: <CrownTwoTone style={{fontSize:'50px'}}/> },
        ],
      },
    ],
  },
];
